$(document).ready(function(){
                var select=0;
                
                
                $(".Pj1").hover(function() { 
                    $(this).css("background","url(/resources/images/select_1.bmp)");
                }, function(){	//On Hover Out
                    if(select!=1){
                        $(this).css("background","url(/resources/images/noselect_1.bmp)");
                    }
                }).click(function(){
                    select=1;
                    $(this).css("background","url(/resources/images/select_1.bmp)");
                    $(".Pj2").css("background","url(/resources/images/noselect_2.bmp)");
                    $(".Pj3").css("background","url(/resources/images/noselect_3.bmp)");
                    $(".Pj4").css("background","url(/resources/images/noselect_4.bmp)");
                });
                
                
                $(".Pj2").hover(function() { 
                    $(this).css("background","url(/resources/images/select_2.bmp)");
                }, function(){	//On Hover Out
                    if(select!=2){
                        $(this).css("background","url(/resources/images/noselect_2.bmp)");
                    }
                }).click(function(){
                    select=2;
                    $(this).css("background","url(/resources/images/select_2.bmp)");
                    $(".Pj1").css("background","url(/resources/images/noselect_1.bmp)");
                    $(".Pj3").css("background","url(/resources/images/noselect_3.bmp)");
                    $(".Pj4").css("background","url(/resources/images/noselect_4.bmp)");
                });
                
                
                $(".Pj3").hover(function() { 
                    $(this).css("background","url(/resources/images/select_3.bmp)");
                }, function(){	//On Hover Out
                    if(select!=3){
                        $(this).css("background","url(/resources/images/noselect_3.bmp)");
                    }
                }).click(function(){
                    select=3;
                    $(this).css("background","url(/resources/images/select_3.bmp)");
                    $(".Pj2").css("background","url(/resources/images/noselect_2.bmp)");
                    $(".Pj1").css("background","url(/resources/images/noselect_1.bmp)");
                    $(".Pj4").css("background","url(/resources/images/noselect_4.bmp)");
                });
                
                
                $(".Pj4").hover(function() { 
                    $(this).css("background","url(/resources/images/select_4.bmp)");
                }, function(){	//On Hover Out
                    if(select!=4){
                        $(this).css("background","url(/resources/images/noselect_4.bmp)");
                    }
                }).click(function(){
                    select=4;
                    $(this).css("background","url(/resources/images/select_4.bmp)");
                    $(".Pj2").css("background","url(/resources/images/noselect_2.bmp)");
                    $(".Pj3").css("background","url(/resources/images/noselect_3.bmp)");
                    $(".Pj1").css("background","url(/resources/images/noselect_1.bmp)");
                });
                
                $(".Ok").hover(function() { 
                    $(this).css("background","url(/resources/images/select_ok.png)");
                }, function(){	//On Hover Out
                    $(this).css("background","url(/resources/images/noselect_ok.png)");
                }).click(function(){
                    document.getElementById('selectPj_form:Pj').value=select;
                    $("#selectPj_form").submit();
                });
                
                
            });
